<template>
  <div>
    <p>
      <CustomInput v-model="searchText" />
    </p>

    <p>
      <!-- modelValue可以统一替换掉，不是因为modelValue这个名字才起作用的。 -->
      <!-- 
        :modelValue="searchText"        省略写法
        v-model:modelValue="searchText"
      -->
      <CustomInput
        :modelValue="searchText"
        @update:modelValue="newValue => searchText = newValue"
      />
    </p>    

  </div>
</template>

<script setup>
import CustomInput from './CustomInput.vue'
import {ref} from 'vue'
const searchText = ref('123456')
</script>